<%@ page language="java" pageEncoding="UTF-8" session="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<c:set var="contextPath"
	value="${pageContext.servletContext.contextPath}" />

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>GoW - Registration</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
</style>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<link type="text/css" rel="stylesheet"
	href="/stylesheets/bootstrap.min.css" media="screen">
</head>

<body>
	<c:import url="/WEB-INF/JSP/menu.jsp" />

	<div class="container">
	<h4>Registration</h4>

	<form method="post" action="${contextPath}/registration">
		<label>Voornaam: <input type="text" name="firstName"
			value="${param.firstName}" />
		</label> <label>Familienaam: <input type="text" name="lastName"
			value="${param.lastName}" />
		</label> <label>Straat: <input type="text" name="street"
			value="${param.street}" />
		</label> <label>Huisnr: <input type="text" name="number"
			value="${param.number}" />
		</label> <label>Postcode: <input type="text" name="postalCode"
			value="${param.postalCode}" />
		</label> <label>Gemeente: <input type="text" name="town"
			value="${param.town}" />
		</label> <label>Gebruikersnaam: <input type="text" name="userName"
			value="${param.userName}" />
		</label> <label>Paswoord: <input type="password" name="password"
			value="${param.password}" />
		</label> <label>Herhaal Paswoord: <input type="password"
			name="repeatPassword" value="${param.repeatPassword}" />
		</label> <input type="submit" value="Send" />
	</form>

	<ul>
		<c:forEach var="incorrect" items="${incorrect}">
			<li><span class="red">${incorrect}</span></li>
		</c:forEach>
	</ul>

	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="${contextPath}/js/bootstrap.min.js"></script>
	</div>

	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="/js/bootstrap.min.js"></script>
</body>
</html>